import React, { Component } from 'react'
import List from './List'
import { ListProvider } from './LsitStyle'


export default class listProvider extends Component {
    state={
        Scroll:{}
    }
    render() {
        return (
            <ListProvider >
                <div 
                    style={
                        {
                            height: '100%',
                            
                        }
                    }
                >
                    <ul>
                        {
                            this.props.list.map((item, index) => {
                                return <List new={item} key={index}></List>
                            })
                        }
                    </ul>
                </div>
            </ListProvider>
        )
    }
   
}
